.container{
    margin-left: 100px;
    background: #ebebeb;
}
.container div{
    width: 200px;
    height: 100px;
    background: gray;
    margin: 150px 0;
    text-align: center;
}
.container div:hover{
    background: orange;
    height: 200px;
}
.div1{
    transform: translate(50%,-60px);
    /*transition-property: height;*/
    /*transition-timing-function: linear;*/
    /*transition-delay: 1s;*/
    /*transition-duration: 1s;*/
    transition: height 1s linear 1s;
}
.div2{
    transform: rotate(-90deg);
}
.div3{
    transform: scale(1.5);
}
.div4{
    transform: skew(-45deg);
}
.div5{
    transform-origin: right bottom;
    transform: rotate(90deg) translate(50px) scale(1.2);
}
